<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<script>
	var data;
	$(function() {

		$('#datosBusquedaPromocionesLoading').hide();



		$("#busquedaPromociones")
				.click(
						function() {
							var aero="XXX";
							var origen="XXX";
							var destino="XXX";

							
							if($('#cboAerolinea option:selected').val()!="XXX") aero=$('#cboAerolinea option:selected').val();
							if($('#cboOrigen option:selected').val()!="XXX") origen=$('#cboOrigen option:selected').val();
							if($('#cboDestino option:selected').val()!="XXX") destino=$('#cboDestino option:selected').val();

							
						
							$
									.ajax({
										url : 'http://localhost:8080/dreamteam/services/rest/promociones/consultapromocion/'
												+ aero
												+ "/"
												+ origen
												+ "/"
												+ destino,
										type : 'GET',
										success : function(data) {
											$('#datosBusquedaPromocionesLoading')
													.show();
											$("#datosBusquedaPromociones").empty();
											$('#datosBusquedaPromociones').append(
													CreateTableView(data,
															"lightPro", true))
													.fadeIn();
											//$('#datosBusquedaVuelosLoading').hide();

										},
										error : function(data) {
											alert("Error");
										}
									});
						});

	});
</script>

<form method="get" id="formPromociones">
	<div class="formBusquedaPromociones">
		<table class="tabla-basica">
			<caption>Promociones</caption>
			<tbody>
				<tr>
					<td>Por Aerolinea</td>
					<td><select id="cboAerolinea" size="1">
							<option value="XXX">---SELECCIONE---</option>
							<option value="TACA">TACA</option>
							<option value="LAN">LAN</option>
							<option value="AAR">AMERICAN AIRLINES</option>
							<option value="AMX">AEROMEXICO</option>
					</select></td>
				</tr>
				<tr>
					<td>Por Ciudad Origen</td>
					<td><select id="cboOrigen" size="1">
							<option value="XXX">---SELECCIONE---</option>
							<option value="LIM">Lima</option>
							<option value="MAD">Madrid</option>
							<option value="BOG">Bogota</option>
							<option value="SFO">San Francisco</option>
					</select></td>
				</tr>
				<tr>
					<td>Por Ciudad Destino</td>
					<td><select id="cboDestino" size="1">
							<option value="XXX">---SELECCIONE---</option>
							<option value="LIM">Lima</option>
							<option value="MAD">Madrid</option>
							<option value="BOG">Bogota</option>
							<option value="SFO">San Francisco</option>
					</select></td>
				</tr>
				<tr>
					<td><input type="button" id="busquedaPromociones"
						value="Buscar promociones"></td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</div>
</form>
<div id="datosBusquedaPromociones">
	<div id="datosBusquedaPromocionesLoading">
		<img src="css/images/loading.gif" /><span> Loading Data... </span>
	</div>
</div>